import React, { Component } from "react";
import { Breadcrumb, Tree } from 'antd';


// const { TreeNode } = Tree;
const treeData = [
    {
        title: '新房',
        key: '0-0',
        children: [
            {
                title: '发布楼盘',
                key: '0-0-0',
                disabled: true,
            },

            {
                title: '楼盘管理',
                key: '0-0-1',
                children: [
                    {
                        title: '上架中的楼盘',
                        key: '0-0-2',
                        children: [
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        浏览
                                    </span>
                                ),
                                key: '0-0-1-0',
                            },
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        编辑
                                    </span>
                                ),
                                key: '0-0-1-1',
                            },
                        ]
                    },
                    {
                        title: '已下架',
                        key: '0-0-3',
                        children: [
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        浏览
                                    </span>
                                ),
                                key: '0-0-1-2',
                            },
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        编辑
                                    </span>
                                ),
                                key: '0-0-1-3',
                            },
                        ]
                    },
                    {
                        title: '草稿',
                        key: '0-0-4',
                        children: [
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        浏览
                                    </span>
                                ),
                                key: '0-0-1-4',
                            },
                            {
                                title: (
                                    <span style={{ color: '#1890ff', }}>
                                        编辑
                                    </span>
                                ),
                                key: '0-0-1-5',
                            },
                        ]
                    },
                ],
            },

        ],
    },
    {
        title: '淘优惠',
        key: '0-1',
        children: [
            {
                title: '优惠',
                key: '0-0-5',
                children: [
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                浏览
                            </span>
                        ),
                        key: '0-0-1-6',
                    },
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                编辑
                            </span>
                        ),
                        key: '0-0-1-7',
                    },
                ]
            }
        ]
    },
    {
        title: '楼盘评测',
        key: '0-2',
        children: [
            {
                title: '评测',
                key: '0-0-6',
                children: [
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                浏览
                            </span>
                        ),
                        key: '0-0-1-8',
                    },
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                编辑
                            </span>
                        ),
                        key: '0-0-1-9',
                    },
                ]
            }
        ]
    },
    {
        title: '楼盘相册',
        key: '0-3',
        children: [
            {
                title: '相册',
                key: '0-0-7',
                children: [
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                浏览
                            </span>
                        ),
                        key: '0-0-1-10',
                    },
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                编辑
                            </span>
                        ),
                        key: '0-0-1-11',
                    },
                ]
            }
        ]
    },
    {
        title: '导购咨询',
        key: '0-4',
        children: [
            {
                title: '咨询',
                key: '0-0-8',
                children: [
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                浏览
                            </span>
                        ),
                        key: '0-0-1-12',
                    },
                    {
                        title: (
                            <span style={{ color: '#1890ff', }}>
                                编辑
                            </span>
                        ),
                        key: '0-0-1-13',
                    },
                ]
            }
        ]
    }
];

// const Demo = () => {
//   const onSelect = (selectedKeys, info) => {
//     console.log('selected', selectedKeys, info);
//   };

//   const onCheck = (checkedKeys, info) => {
//     console.log('onCheck', checkedKeys, info);
//   };
// }
class Wdqx extends Component {
    render() {

        return (
            <div>
                <Breadcrumb>
                    <Breadcrumb.Item>Home</Breadcrumb.Item>
                    <Breadcrumb.Item>
                        {/* <a href="">我的</a> */}
                        我的
                    </Breadcrumb.Item>
                    <Breadcrumb.Item>我的权限</Breadcrumb.Item>
                </Breadcrumb>

                <div className="xiahuaxian1"></div>
                <div className="xiahuaxian">操作权限</div>
                <div className="xiahuaxian1"></div>
                <Tree
                    checkable
                    defaultExpandedKeys={['0-0-0', '0-0-1']}
                    defaultSelectedKeys={['0-0-0', '0-0-1']}
                    defaultCheckedKeys={['0-0-0', '0-0-1']}
                    //   onSelect={onSelect}
                    //   onCheck={onCheck}
                    treeData={treeData}
                />

            </div>
        )
    }
}
export default Wdqx;